<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- bootstrap框架样式文件引入 -->
    <link rel="stylesheet" href="./static/css/bootstrap.min.css">
    <!-- PC端样式 -->
    <link rel="stylesheet" href="./static/css/pc.css">
    <!-- Android端样式 -->
    <link rel="stylesheet" href="./static/css/android.css">
    <link rel="stylesheet" href="./static/css/androidmed.css?v0.0.1">
    <!-- jQuery框架引入 -->
    <script src="./static/js/jquery.min.js"></script>
    <!-- bootstrap框架js文件引入 -->
    <script src="./static/js/bootstrap.min.js"></script>
    <!-- PC端js文件 -->
    <script src="./static/js/pc.js"></script>
    <!-- Android端js文件 -->
    <script src="./static/js/android.js"></script>
    <title>精灵保</title>
    <!-- 网址站点查询 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?a5b244cc327cf0d81bfd081e46e5d10c";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
    <!-- Android端 -->
    <div class="box-android">
        <div class="w100 bc">
            <!-- 第一模块 -->
            <div class="container">
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar bc-white"></span>
                                <span class="icon-bar bc-white"></span>
                                <span class="icon-bar bc-white"></span>
                            </button>
                            <a class="top-left" href="#">
                                <img src="./static/img/图片.png" alt="">
                                <!-- <img src="./static/img/图片.png" alt=""> -->
                                <p class="white fs">精灵宝</p>
                            </a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li><a href="#" class="white">首页</a></li>
                                <li><a href="#" class="white">产品&服务</a></li>
                                <li><a href="#" class="white">案例</a></li>
                                <li><a href="#" class="white">案例合作</a></li>
                                <li><a href="#" class="white">关于我们</a></li>
                            </ul>


                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>

            </div>
            <!-- 第二模块 -->
            <div class="container">
                <div class="box-two">
                    <p>互联网时代保险规划服务智能系统</p>
                    <p>在线获客，家庭保障规划与客户管理的数字化工具</p>
                    <p class="and-ty">立即咨询体验</p>
                    <div class="box-two-img">
                        <img src="./static/img/图片 2.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <!-- 第三模块 -->
        <div class="w100 qing">
            <div class="container">
                <div class="box-three">
                    <ul>
                        <li>
                            <div>
                                <span>服务家庭数</span>
                                <p>
                                    <span>2.1</span>
                                    <span>万</span>
                                </p>
                            </div>
                            <div>
                                <span>合作商家数</span>
                                <p>
                                    <span>82</span>
                                    <span>家</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div>
                                <span>总计方案数</span>
                                <p>
                                    <span>XXXX</span>
                                    <span>万</span>
                                </p>
                            </div>
                            <div>
                                <span>累计生成保单数</span>
                                <p>
                                    <span>XXX</span>
                                    <span>万</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 第四模块 -->

        <div class="W100">
            <div class="container">
                <div class="box-four">
                    <p class="fontbig">完整产品与服务能力闭环</p>
                    <p class="fontxiao">助力合作伙伴构建一个 [互联网+保险] 的综合性服务系统平台</p>
                    <div>
                        <img src="" alt="">img
                    </div>
                </div>
            </div>
        </div>

        <!-- 第五模块 -->

        <div class="W100 yellow">
            <div class="container">
                <div class="box-five">
                    <div>
                        <ul>
                            <li class="fontbig white">引流获客</li>
                            <li class="lis"><a href="javascript:;" class="a-one">进一步了解 ></a></li>
                        </ul>
                        <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                        <div>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="W100 blue">
            <div class="container">
                <div class="box-five">
                    <div>
                        <ul>
                            <li class="fontbig white">客户管理</li>
                            <li class="lis"><a href="javascript:;" class="a-two">进一步了解 ></a></li>
                        </ul>
                        <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                        <div>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="W100 green">
            <div class="container">
                <div class="box-five">
                    <div>
                        <ul>
                            <li class="fontbig white">保障规划</li>
                            <li class="lis"><a href="javascript:;" class="a-three">进一步了解 ></a></li>
                        </ul>
                        <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                        <div>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 第六个模块 -->
        <div class="w100">
            <div class="container">
                <div class="box-six">
                    <p class="fontbig black">覆盖每个服务环节</p>
                    <p class="fontxiao pd2 six-bottom">从获客、管理、保障规划、方案定制、保险购买，为合作伙伴提供一站式的全流程支持</p>
                    <div class="six-main">
                        <p>投放获客</p>
                        <ul>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="six-main">
                        <p>客户管理</p>
                        <ul>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="six-main">
                        <p>保障规划</p>
                        <ul>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="six-main">
                        <p>方案保单</p>
                        <ul>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                                <div>
                                    <p>
                                        <img src="./static/img/fas fa-star.svg" alt="">
                                    </p>
                                    <p>
                                        <span>品牌投放</span>
                                        <span>双击编辑文本双击编辑文本双击编辑文本
                                        </span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>

        <!-- 第七个模块 -->
        <div class="w100">
            <div class="container">
                <p class="fontbig seven-p">经纪公司&独立代理人两种合作模式</p>
                <p class="fontxiao seven-p2 pd2">从合作伙伴立场出发，为每一个有意加入互联网保险行列的企业或个人提供全平台服务</p>
                <div class="box-servenmain">
                    <div class="box-sevens">
                        <div>
                            <div class="seven-main">
                                <div>
                                    <p>经纪公司 · 合作模式</p>
                                    <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                    <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>经纪公司 · 合作模式</p>
                                    <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                    <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>经纪公司 · 合作模式</p>
                                    <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                    <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>经纪公司 · 合作模式</p>
                                    <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                    <li class="margintop"><a href="javascript:;">进一步了解></a></li>
                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第八个模块 -->
        <div class="w100 martop">
            <div class="container">
                <p class="fontbig seven-p">全渠道管理场景</p>
                <p class="fontxiao seven-p2 pd2">覆盖全渠道的客户管理场景，不管是PC端还是移动端，都能完成在线管理办公</p>
                <div class="box-servenmain">
                    <div class="box-sevens">
                        <div>
                            <div class="seven-main">
                                <div>
                                    <p>PC Web端·保障规划系统</p>
                                    <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全 </p>

                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>微信小程序·精灵保管家</p>
                                    <p class="minfont">保险理财师获客神器 & 移动展业科学管理客户</p>

                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>H5活动报名</p>
                                    <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全 </p>

                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                            <div class="seven-main">
                                <div>
                                    <p>微信公众号</p>
                                    <p class="minfont">客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全</p>

                                </div>
                                <div>
                                    <img src="./static/img/图片 2.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第九个模块 -->
        <div class="w100">
            <div class="container">
                <div class="box-nine">
                    <p class="fontbig">众多保险经纪公司及从业人员的信赖之选</p>
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="./static/img/图片 2.png" alt="">
                                <div class="carousel-caption">

                                </div>
                            </div>
                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="">
                                <div class="carousel-caption">

                                </div>
                            </div>

                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="">
                                <div class="carousel-caption">

                                </div>
                            </div>

                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="">
                                <div class="carousel-caption">

                                </div>
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第十个模块 -->
        <div class="w100 bg-ten">
            <div class="container">
                <div class="box-ten">
                    <p class="fontbig white">立即咨询加入，享受互联网保险时代的红利！</p>
                    <p class="white tyuan">立即咨询体验</p>
                </div>
            </div>
        </div>

        <!-- 第十一个模块 -->
        <div class="w100 bg-eleven">
            <div class="container">
                <div class="box-eleven">
                    <ul>
                        <li>
                            <p>合作伙伴</p>
                            <p>XXX科技有限公司</p>
                            <p>XXX科技有限公司</p>
                            <p>XXX科技有限公司</p>
                        </li>
                        <li>
                            <p>服务&产品</p>
                            <p>家庭保障规划系统</p>
                            <p> 精灵保+ · 小程序</p>
                            <p>保单精灵 · 小程序</p>
                            <p>规划师名片</p>
                            <p>客户咨询报名H5</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <p>关于我们</p>
                            <p>公司简介</p>
                            <p>发展历程</p>
                            <p>媒体报道</p>
                        </li>
                        <li>
                            <p>合作伙伴</p>
                            <p>XXX科技有限公司</p>
                            <p>XXX科技有限公司</p>
                            <p>XXX科技有限公司</p>
                        </li>
                    </ul>
                    <p class="fontbig white tel">0755-83207212</p>
                    <p class="font-eleven">周一至周六 10:00-18:00</p>
                    <div>
                        <img src="./static/img/antOutline-qrcode.svg" alt="">
                    </div>
                    <p class="font-eleven gz">关注精灵保管家公众号</p>
                    <div>
                        <p class="font-eleven">深圳保航网络科技有限公司</p>
                        <p class="font-eleven">Copyright © 2019 All rights reserved</p>
                        <p class="font-eleven">粤ICP备20001954号</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- PC端 -->
    <div class="box-pc">
        <div class="box">

            <!-- 第一个模块 -->
            <div class="box-one">
                <!-- 顶部导航栏 -->
                <div class="box-one-tops">
                    <div class="box-one-top">
                        <div class="w1200 position">
                            <div class="one-top-img"><img src="./static/img/图片 2.png" alt=""></div>
                            <p class="white">精灵保</p>

                            <div class="one-right">
                                <ul>
                                    <li><a href="javascript:;" class="white cur-fonts sye">首页</a></li>
                                    <li><a href="javascript:;" class="white">产品&服务</a></li>
                                    <li><a href="javascript:;" class="white">案例</a></li>
                                    <li><a href="javascript:;" class="white">案例合作</a></li>
                                    <li><a href="javascript:;" class="white">关于我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 中间文字提示信息 -->
                <div class="box-one-content w1200 position">
                    <p>互联网时代保险规划服务智能系统</p>
                    <p>在线获客，家庭保障规划与客户管理的数字化工具</p>
                    <p>立即咨询体验</p>
                    <!-- 顶部右下角图片 -->
                    <div class="box-one-rightbottomimg">
                        <img src="./static/img/图片 2.png" alt="">
                    </div>
                </div>

            </div>

            <!-- 第二个模块 -->
            <div class="box-twos">
                <div class="box-two w1200 position">
                    <ul>
                        <li>服务家庭数</li>
                        <li>合作商家数</li>
                        <li>总计方案数</li>
                        <li>累计生成保单数</li>
                    </ul>
                    <ul>
                        <li><span>2.1</span> <span>万</span></li>
                        <li><span>82</span> <span>家</span></li>
                        <li><span>xxxx</span> <span>万</span></li>
                        <li><span>xxx</span> <span>万</span></li>
                    </ul>
                </div>

            </div>
            <!-- 第三个模块 -->
            <div class="box-threes">
                <div class="box-three w1200">
                    <p>完整产品与服务能力闭环</p>
                    <p>助力合作伙伴构建一个 [互联网+保险] 的综合性服务系统平台</p>
                    <img src="./static/img/antOutline-qrcode.svg" alt="">
                </div>
            </div>

            <!-- 第四个模块 -->
            <div class="box-four">

                <ul>

                    <li class="flexnumber">
                        <div class="fours">
                            <p>引流获客</p>
                            <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                            <p>进一步了解 ></p>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </li>
                    <li>
                        <div class="fours">
                            <p>客户管理</p>
                            <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                            <p>进一步了解 ></p>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </li>
                    <li>
                        <div class="fours">
                            <p>保障规划</p>
                            <p>帮助合作伙伴解决获客问题，直接提供高质量的潜在需求客户，还支持商家品牌引流投放，从此不再为客户来源而苦恼</p>
                            <p>进一步了解 ></p>
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </li>
                </ul>

            </div>

            <!-- 第五个模块 -->
            <div class="box-fives">
                <div class="box-five w1200">
                    <p>覆盖每个服务环节</p>
                    <p>从获客、管理、保障规划、方案定制、保险购买，为合作伙伴提供一站式的全流程支持</p>
                    <div class="box-five-lan">
                        <ul>
                            <li>
                                <p class="tfhk">投放获客</p>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <p class="tfhk">客户管理</p>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <p class="tfhk">保障规划</p>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <p class="tfhk">方案保单</p>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                                <div class="pptf-boxs">
                                    <img src="./static/img/fas fa-star.svg" alt="">
                                    <div class="pptf-box">
                                        <p class="pptf">品牌投放</p>
                                        <p class="pptf-p">双击编辑文本双击编辑文本双击编辑文本</p>
                                    </div>
                                </div>
                            </li>

                        </ul>

                    </div>
                </div>
            </div>

            <!-- 第六个模块 -->
            <div class="box-sixs">
                <div class="box-six w1200">
                    <p>经纪公司&独立代理人两种合作模式</p>
                    <p>从合作伙伴立场出发，为每一个有意加入互联网保险行列的企业或个人提供全平台服务</p>
                    <div class="box-six-main">
                        <div class="six-left">
                            <div class="six-left-top sixcolor">
                                <p>经纪公司 · 合作模式</p>
                                <p>帮助传统保险经纪公司快速搭上互联网顺风车</p>
                                <p><a href="javascript:;">进一步了解></a></p>
                            </div>
                            <div class="six-left-top">
                                <p class="six-left-p">独立代理人 · 合作模式</p>
                                <p>独立代理人也能有一个自己的服务小平台</p>
                                <p><a href="javascript:;">进一步了解></a></p>
                            </div>
                        </div>
                        <div class="six-right">
                            <img src="./static/img/图片 2.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <!-- 第七个模块 -->
            <div class="box-sevens">
                <div class="box-seven w1200">
                    <p class="bord">全渠道管理场景</p>
                    <p>覆盖全渠道的客户管理场景，不管是PC端还是移动端，都能完成在线管理办公</p>
                    <ul>
                        <li class="flexnumber">
                            <p>PC Web端·保障规划系统</p>
                            <p>客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全</p>
                            <img src="./static/img/图片 2.png" alt="">
                        </li>
                        <li>
                            <p>微信小程序·精灵保管家</p>
                            <p>保险理财师获客神器 & 移动展业科学管理客户</p>
                            <img src="./static/img/图片 2.png" alt="">
                        </li>
                        <li>
                            <p>H5活动报名</p>
                            <p>客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全</p>
                            <img src="./static/img/图片 2.png" alt="">
                        </li>
                        <li>
                            <p>微信公众号</p>
                            <p>客户管理、产品管理、保单管理、投放推广、微信运营、财务中心、人员管理等等一应俱全</p>
                            <img src="./static/img/图片 2.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 第八个模块 -->
            <div class="box-eights">
                <div class="box-eight w1200">
                    <p>众多保险经纪公司及从业人员的信赖之选</p>
                    <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic1" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic1" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic1" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic1" data-slide-to="3"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="./static/img/图片 2.png" alt="...">
                                <div class="carousel-caption">
                                    ...
                                </div>
                            </div>
                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="...">
                                <div class="carousel-caption">
                                    ...
                                </div>
                            </div>

                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="...">
                                <div class="carousel-caption">
                                    ...
                                </div>
                            </div>

                            <div class="item">
                                <img src="./static/img/图片 2.png" alt="...">
                                <div class="carousel-caption">
                                    ...
                                </div>
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic1" role="button"
                            data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic1" role="button"
                            data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 第九个模块 -->
            <div class="box-nines">
                <div class="box-nine w1200">
                    <p>立即咨询加入，享受互联网保险时代的红利！</p>
                    <p>立即咨询体验</p>
                </div>
            </div>

            <!-- 第十个模块 -->
            <div class="box-tens">
                <div class="box-ten w1200">
                    <div class="ten-left">
                        <p>0755-83207212</p>
                        <p>周一至周六 10:00-18:00</p>
                        <img src="./static/img/antOutline-qrcode.svg" alt="">
                        <p class="gz">关注精灵保管家公众号</p>
                    </div>
                    <div class="ten-center">
                        <ul>
                            <p class="partnet">合作伙伴</p>
                            <li>
                                <a href="javascript:;">XXX科技有限公司</a>
                            </li>
                            <li>
                                <a href="javascript:;">XXXX保险经纪公司</a>
                            </li>
                            <li>
                                <a href="javascript:;">XXXX保险服务平台</a>
                            </li>
                        </ul>

                        <ul>
                            <p class="partnet">服务&产品</p>
                            <li>
                                <a href="javascript:;">家庭保障规划系统</a>
                            </li>
                            <li>
                                <a href="javascript:;"> 精灵保+ · 小程序</a>
                            </li>
                            <li>
                                <a href="javascript:;">保单精灵 · 小程序</a>
                            </li>
                            <li>
                                <a href="javascript:;">规划师名片</a>
                            </li>
                            <li>
                                <a href="javascript:;">客户咨询报名H5</a>
                            </li>
                        </ul>

                        <ul>
                            <p class="partnet">关于我们</p>
                            <li>
                                <a href="javascript:;">公司简介</a>
                            </li>
                            <li>
                                <a href="javascript:;">发展历程</a>
                            </li>
                            <li>
                                <a href="javascript:;">媒体报道</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <!-- 第十一个模块 -->
            <footer>
                <div class="ten-bottoms">
                    <div class="ten-bottom">
                        <p>深圳保航网络科技有限公司</p>
                        <p>Copyright © 2019 All rights reserved</p>
                        <p>粤ICP备20001954号</p>
                    </div>
                </div>
            </footer>
            <!-- 返回顶部 -->
            <div class="retop ">
                <span class="
            glyphicon glyphicon-chevron-up"></span>
            </div>
            <!-- 右下角固定窗口 -->
            <div class="fix-box">
                <div class="fixbox-top">客服咨询</div>
                <div class="fixbox-bottom">扫码关注</div>
            </div>
            <!-- 右下角扫码关注点击弹出框 -->
            <div class="attention">
                <div class="bagc-boxs">
                    <p><span class="glyphicon glyphicon-triangle-right"></span></p>
                    <div class="badc-box">

                        <img src="./static/img/antOutline-qrcode.svg" alt="">
                    </div>
                    <span>扫码关注</span>
                </div>
            </div>
        </div>
    </div>
    <!-- PC端跟Android端不同的样式文件切换 -->
    <script>
        if ($(window).width() >= 1200) {
            console.log(3);
            // PC端
            $(".box-pc").show();
            $(".box-android").hide();
            $("link").eq(2).remove();
            $("link").eq(3).remove();
        } else {
            console.log(4);
            // 移动端
            $(".box-android").show();
            $(".box-pc").hide();
            $("link").eq(1).remove();
        }
    </script>
</body>

</html>